html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  background-color: black;
  overflow: hidden;
  color: white;
}

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 108.3333333333vw;
  height: 108.3333333333vw;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.container .square {
  position: relative;
}
.container .square::before, .container .square::after {
  position: absolute;
  content: "";
  background-color: white;
  border-radius: 4px;
}
.container .square::before {
  top: 0;
  left: 2.375vw;
  width: calc(100% - 1.75vw - 3vw);
  height: 2px;
  transform: translateY(-50%) rotate(0deg);
  animation: lineYpulse 2.5s infinite alternate-reverse ease-in;
}
.container .square::after {
  top: 2.375vw;
  left: 0;
  width: 2px;
  height: calc(100% - 1.75vw - 3vw);
  transform: translateX(-50%) rotate(0deg);
  animation: lineXpulse 2.5s infinite alternate-reverse ease-in;
}
.container .square .dot {
  position: absolute;
  width: 1.75vw;
  height: 1.75vw;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: dotPulse 2.5s infinite alternate ease-in;
}
.container .square .dot:last-child {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  animation-direction: alternate-reverse;
}
.container .square:nth-child(1)::after, .container .square:nth-child(1)::before,
.container .square:nth-child(1) .dot {
  opacity: 0.125;
  animation-delay: -0.125s;
}
.container .square:nth-child(2)::after, .container .square:nth-child(2)::before,
.container .square:nth-child(2) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(3)::after, .container .square:nth-child(3)::before,
.container .square:nth-child(3) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(4)::after, .container .square:nth-child(4)::before,
.container .square:nth-child(4) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(5)::after, .container .square:nth-child(5)::before,
.container .square:nth-child(5) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(6)::after, .container .square:nth-child(6)::before,
.container .square:nth-child(6) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(7)::after, .container .square:nth-child(7)::before,
.container .square:nth-child(7) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(8)::after, .container .square:nth-child(8)::before,
.container .square:nth-child(8) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(9)::after, .container .square:nth-child(9)::before,
.container .square:nth-child(9) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(10)::after, .container .square:nth-child(10)::before,
.container .square:nth-child(10) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(11)::after, .container .square:nth-child(11)::before,
.container .square:nth-child(11) .dot {
  opacity: 0.125;
  animation-delay: -0.125s;
}
.container .square:nth-child(12)::after, .container .square:nth-child(12)::before,
.container .square:nth-child(12) .dot {
  opacity: 0;
  animation-delay: 0s;
}
.container .square:nth-child(13)::after, .container .square:nth-child(13)::before,
.container .square:nth-child(13) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(14)::after, .container .square:nth-child(14)::before,
.container .square:nth-child(14) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(15)::after, .container .square:nth-child(15)::before,
.container .square:nth-child(15) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(16)::after, .container .square:nth-child(16)::before,
.container .square:nth-child(16) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(17)::after, .container .square:nth-child(17)::before,
.container .square:nth-child(17) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(18)::after, .container .square:nth-child(18)::before,
.container .square:nth-child(18) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(19)::after, .container .square:nth-child(19)::before,
.container .square:nth-child(19) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(20)::after, .container .square:nth-child(20)::before,
.container .square:nth-child(20) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(21)::after, .container .square:nth-child(21)::before,
.container .square:nth-child(21) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(22)::after, .container .square:nth-child(22)::before,
.container .square:nth-child(22) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(23)::after, .container .square:nth-child(23)::before,
.container .square:nth-child(23) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(24)::after, .container .square:nth-child(24)::before,
.container .square:nth-child(24) .dot {
  opacity: 0.125;
  animation-delay: -0.125s;
}
.container .square:nth-child(25)::after, .container .square:nth-child(25)::before,
.container .square:nth-child(25) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(26)::after, .container .square:nth-child(26)::before,
.container .square:nth-child(26) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(27)::after, .container .square:nth-child(27)::before,
.container .square:nth-child(27) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(28)::after, .container .square:nth-child(28)::before,
.container .square:nth-child(28) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(29)::after, .container .square:nth-child(29)::before,
.container .square:nth-child(29) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(30)::after, .container .square:nth-child(30)::before,
.container .square:nth-child(30) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(31)::after, .container .square:nth-child(31)::before,
.container .square:nth-child(31) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(32)::after, .container .square:nth-child(32)::before,
.container .square:nth-child(32) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(33)::after, .container .square:nth-child(33)::before,
.container .square:nth-child(33) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(34)::after, .container .square:nth-child(34)::before,
.container .square:nth-child(34) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(35)::after, .container .square:nth-child(35)::before,
.container .square:nth-child(35) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(36)::after, .container .square:nth-child(36)::before,
.container .square:nth-child(36) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(37)::after, .container .square:nth-child(37)::before,
.container .square:nth-child(37) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(38)::after, .container .square:nth-child(38)::before,
.container .square:nth-child(38) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(39)::after, .container .square:nth-child(39)::before,
.container .square:nth-child(39) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(40)::after, .container .square:nth-child(40)::before,
.container .square:nth-child(40) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(41)::after, .container .square:nth-child(41)::before,
.container .square:nth-child(41) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(42)::after, .container .square:nth-child(42)::before,
.container .square:nth-child(42) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(43)::after, .container .square:nth-child(43)::before,
.container .square:nth-child(43) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(44)::after, .container .square:nth-child(44)::before,
.container .square:nth-child(44) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(45)::after, .container .square:nth-child(45)::before,
.container .square:nth-child(45) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(46)::after, .container .square:nth-child(46)::before,
.container .square:nth-child(46) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(47)::after, .container .square:nth-child(47)::before,
.container .square:nth-child(47) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(48)::after, .container .square:nth-child(48)::before,
.container .square:nth-child(48) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(49)::after, .container .square:nth-child(49)::before,
.container .square:nth-child(49) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(50)::after, .container .square:nth-child(50)::before,
.container .square:nth-child(50) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(51)::after, .container .square:nth-child(51)::before,
.container .square:nth-child(51) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(52)::after, .container .square:nth-child(52)::before,
.container .square:nth-child(52) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(53)::after, .container .square:nth-child(53)::before,
.container .square:nth-child(53) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(54)::after, .container .square:nth-child(54)::before,
.container .square:nth-child(54) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(55)::after, .container .square:nth-child(55)::before,
.container .square:nth-child(55) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(56)::after, .container .square:nth-child(56)::before,
.container .square:nth-child(56) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(57)::after, .container .square:nth-child(57)::before,
.container .square:nth-child(57) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(58)::after, .container .square:nth-child(58)::before,
.container .square:nth-child(58) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(59)::after, .container .square:nth-child(59)::before,
.container .square:nth-child(59) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(60)::after, .container .square:nth-child(60)::before,
.container .square:nth-child(60) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(61)::after, .container .square:nth-child(61)::before,
.container .square:nth-child(61) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(62)::after, .container .square:nth-child(62)::before,
.container .square:nth-child(62) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(63)::after, .container .square:nth-child(63)::before,
.container .square:nth-child(63) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(64)::after, .container .square:nth-child(64)::before,
.container .square:nth-child(64) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(65)::after, .container .square:nth-child(65)::before,
.container .square:nth-child(65) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(66)::after, .container .square:nth-child(66)::before,
.container .square:nth-child(66) .dot {
  opacity: 1.375;
  animation-delay: -1.375s;
}
.container .square:nth-child(67)::after, .container .square:nth-child(67)::before,
.container .square:nth-child(67) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(68)::after, .container .square:nth-child(68)::before,
.container .square:nth-child(68) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(69)::after, .container .square:nth-child(69)::before,
.container .square:nth-child(69) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(70)::after, .container .square:nth-child(70)::before,
.container .square:nth-child(70) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(71)::after, .container .square:nth-child(71)::before,
.container .square:nth-child(71) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(72)::after, .container .square:nth-child(72)::before,
.container .square:nth-child(72) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(73)::after, .container .square:nth-child(73)::before,
.container .square:nth-child(73) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(74)::after, .container .square:nth-child(74)::before,
.container .square:nth-child(74) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(75)::after, .container .square:nth-child(75)::before,
.container .square:nth-child(75) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(76)::after, .container .square:nth-child(76)::before,
.container .square:nth-child(76) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(77)::after, .container .square:nth-child(77)::before,
.container .square:nth-child(77) .dot {
  opacity: 1.375;
  animation-delay: -1.375s;
}
.container .square:nth-child(78)::after, .container .square:nth-child(78)::before,
.container .square:nth-child(78) .dot {
  opacity: 1.5;
  animation-delay: -1.5s;
}
.container .square:nth-child(79)::after, .container .square:nth-child(79)::before,
.container .square:nth-child(79) .dot {
  opacity: 1.375;
  animation-delay: -1.375s;
}
.container .square:nth-child(80)::after, .container .square:nth-child(80)::before,
.container .square:nth-child(80) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(81)::after, .container .square:nth-child(81)::before,
.container .square:nth-child(81) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(82)::after, .container .square:nth-child(82)::before,
.container .square:nth-child(82) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(83)::after, .container .square:nth-child(83)::before,
.container .square:nth-child(83) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(84)::after, .container .square:nth-child(84)::before,
.container .square:nth-child(84) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(85)::after, .container .square:nth-child(85)::before,
.container .square:nth-child(85) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(86)::after, .container .square:nth-child(86)::before,
.container .square:nth-child(86) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(87)::after, .container .square:nth-child(87)::before,
.container .square:nth-child(87) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(88)::after, .container .square:nth-child(88)::before,
.container .square:nth-child(88) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(89)::after, .container .square:nth-child(89)::before,
.container .square:nth-child(89) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(90)::after, .container .square:nth-child(90)::before,
.container .square:nth-child(90) .dot {
  opacity: 1.375;
  animation-delay: -1.375s;
}
.container .square:nth-child(91)::after, .container .square:nth-child(91)::before,
.container .square:nth-child(91) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(92)::after, .container .square:nth-child(92)::before,
.container .square:nth-child(92) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(93)::after, .container .square:nth-child(93)::before,
.container .square:nth-child(93) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(94)::after, .container .square:nth-child(94)::before,
.container .square:nth-child(94) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(95)::after, .container .square:nth-child(95)::before,
.container .square:nth-child(95) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(96)::after, .container .square:nth-child(96)::before,
.container .square:nth-child(96) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(97)::after, .container .square:nth-child(97)::before,
.container .square:nth-child(97) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(98)::after, .container .square:nth-child(98)::before,
.container .square:nth-child(98) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(99)::after, .container .square:nth-child(99)::before,
.container .square:nth-child(99) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(100)::after, .container .square:nth-child(100)::before,
.container .square:nth-child(100) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(101)::after, .container .square:nth-child(101)::before,
.container .square:nth-child(101) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(102)::after, .container .square:nth-child(102)::before,
.container .square:nth-child(102) .dot {
  opacity: 1.25;
  animation-delay: -1.25s;
}
.container .square:nth-child(103)::after, .container .square:nth-child(103)::before,
.container .square:nth-child(103) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(104)::after, .container .square:nth-child(104)::before,
.container .square:nth-child(104) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(105)::after, .container .square:nth-child(105)::before,
.container .square:nth-child(105) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(106)::after, .container .square:nth-child(106)::before,
.container .square:nth-child(106) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(107)::after, .container .square:nth-child(107)::before,
.container .square:nth-child(107) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(108)::after, .container .square:nth-child(108)::before,
.container .square:nth-child(108) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(109)::after, .container .square:nth-child(109)::before,
.container .square:nth-child(109) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(110)::after, .container .square:nth-child(110)::before,
.container .square:nth-child(110) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(111)::after, .container .square:nth-child(111)::before,
.container .square:nth-child(111) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(112)::after, .container .square:nth-child(112)::before,
.container .square:nth-child(112) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(113)::after, .container .square:nth-child(113)::before,
.container .square:nth-child(113) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(114)::after, .container .square:nth-child(114)::before,
.container .square:nth-child(114) .dot {
  opacity: 1.125;
  animation-delay: -1.125s;
}
.container .square:nth-child(115)::after, .container .square:nth-child(115)::before,
.container .square:nth-child(115) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(116)::after, .container .square:nth-child(116)::before,
.container .square:nth-child(116) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(117)::after, .container .square:nth-child(117)::before,
.container .square:nth-child(117) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(118)::after, .container .square:nth-child(118)::before,
.container .square:nth-child(118) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(119)::after, .container .square:nth-child(119)::before,
.container .square:nth-child(119) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(120)::after, .container .square:nth-child(120)::before,
.container .square:nth-child(120) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(121)::after, .container .square:nth-child(121)::before,
.container .square:nth-child(121) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(122)::after, .container .square:nth-child(122)::before,
.container .square:nth-child(122) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(123)::after, .container .square:nth-child(123)::before,
.container .square:nth-child(123) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(124)::after, .container .square:nth-child(124)::before,
.container .square:nth-child(124) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(125)::after, .container .square:nth-child(125)::before,
.container .square:nth-child(125) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(126)::after, .container .square:nth-child(126)::before,
.container .square:nth-child(126) .dot {
  opacity: 1;
  animation-delay: -1s;
}
.container .square:nth-child(127)::after, .container .square:nth-child(127)::before,
.container .square:nth-child(127) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(128)::after, .container .square:nth-child(128)::before,
.container .square:nth-child(128) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(129)::after, .container .square:nth-child(129)::before,
.container .square:nth-child(129) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(130)::after, .container .square:nth-child(130)::before,
.container .square:nth-child(130) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(131)::after, .container .square:nth-child(131)::before,
.container .square:nth-child(131) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(132)::after, .container .square:nth-child(132)::before,
.container .square:nth-child(132) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(133)::after, .container .square:nth-child(133)::before,
.container .square:nth-child(133) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(134)::after, .container .square:nth-child(134)::before,
.container .square:nth-child(134) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(135)::after, .container .square:nth-child(135)::before,
.container .square:nth-child(135) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(136)::after, .container .square:nth-child(136)::before,
.container .square:nth-child(136) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(137)::after, .container .square:nth-child(137)::before,
.container .square:nth-child(137) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(138)::after, .container .square:nth-child(138)::before,
.container .square:nth-child(138) .dot {
  opacity: 0.875;
  animation-delay: -0.875s;
}
.container .square:nth-child(139)::after, .container .square:nth-child(139)::before,
.container .square:nth-child(139) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(140)::after, .container .square:nth-child(140)::before,
.container .square:nth-child(140) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(141)::after, .container .square:nth-child(141)::before,
.container .square:nth-child(141) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(142)::after, .container .square:nth-child(142)::before,
.container .square:nth-child(142) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(143)::after, .container .square:nth-child(143)::before,
.container .square:nth-child(143) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(144)::after, .container .square:nth-child(144)::before,
.container .square:nth-child(144) .dot {
  opacity: 0.125;
  animation-delay: -0.125s;
}
.container .square:nth-child(145)::after, .container .square:nth-child(145)::before,
.container .square:nth-child(145) .dot {
  opacity: 0.125;
  animation-delay: -0.125s;
}
.container .square:nth-child(146)::after, .container .square:nth-child(146)::before,
.container .square:nth-child(146) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(147)::after, .container .square:nth-child(147)::before,
.container .square:nth-child(147) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(148)::after, .container .square:nth-child(148)::before,
.container .square:nth-child(148) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(149)::after, .container .square:nth-child(149)::before,
.container .square:nth-child(149) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(150)::after, .container .square:nth-child(150)::before,
.container .square:nth-child(150) .dot {
  opacity: 0.75;
  animation-delay: -0.75s;
}
.container .square:nth-child(151)::after, .container .square:nth-child(151)::before,
.container .square:nth-child(151) .dot {
  opacity: 0.625;
  animation-delay: -0.625s;
}
.container .square:nth-child(152)::after, .container .square:nth-child(152)::before,
.container .square:nth-child(152) .dot {
  opacity: 0.5;
  animation-delay: -0.5s;
}
.container .square:nth-child(153)::after, .container .square:nth-child(153)::before,
.container .square:nth-child(153) .dot {
  opacity: 0.375;
  animation-delay: -0.375s;
}
.container .square:nth-child(154)::after, .container .square:nth-child(154)::before,
.container .square:nth-child(154) .dot {
  opacity: 0.25;
  animation-delay: -0.25s;
}
.container .square:nth-child(155)::after, .container .square:nth-child(155)::before,
.container .square:nth-child(155) .dot {
  opacity: 0.125;
  animation-delay: -0.125s;
}
.container .square:nth-child(156)::after, .container .square:nth-child(156)::before,
.container .square:nth-child(156) .dot {
  opacity: 0;
  animation-delay: 0s;
}

@keyframes dotPulse {
  0%, 35% {
    transform: translate3d(-50%, -50%, 0) scale(0);
  }
  65%, 100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
@keyframes lineXpulse {
  0%, 35% {
    transform: translate3d(-50%, 0, 0) rotate(0deg);
  }
  65%, 100% {
    transform: translate3d(-50%, 0, 0) rotate(90deg);
  }
}
@keyframes lineYpulse {
  0%, 35% {
    transform: translate3d(0, -50%, 0) rotate(0deg);
  }
  65%, 100% {
    transform: translate3d(0, -50%, 0) rotate(90deg);
  }
}